<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="renderer" content="webkit">
    <title>首页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="/images/favicon.ico" rel="bookmark">
    <link href="src/css/jquery.bxslider.css" rel="stylesheet">
    <link href="src/css/bootstrap.css" rel="stylesheet">
    <link href="src/css/dookayui.css" rel="stylesheet">
    <link href="src/css/dx.css" rel="stylesheet">
    <link href="src/css/dy.css" rel="stylesheet">
    <script type="text/javascript" src="src/js/jquery-2.1.4.js"></script>

    <!--[if lte IE9]>
    <script src="src/js/html5shiv.js"></script>
    <![endif]-->
    <!--[if lte IE9]>
    <script src="src/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<div class="header"></div>
<div id="pbody" class="dx-content">
    <div class="banner">
        <ul class="dy-bxslider" id="index-top-slide">

        </ul>
    </div>
    <div class="pengxin-news">
        <div class="container group-news">
            <div class="title mb-5 pengxin-news-title">
                <h2 class="font-20 mb-1">HUOGOO NEWS</h2>
                <p class="font-20">霍格动态</p>
            </div>
            <div class="content dx-revise-textPic">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12 project_slider dt-slide">
                        <div class="j_project_slider">

                        </div>
                        <!--  <div class="time">06 - 29 <span>2015</span></div>-->
                    </div>
                    <div class="col-md-5 col-sm-5 col-xs-12 col-md-offset-1 col-sm-offset-1 col-xs-offset-0 pl-4 mobile-wrapper">
                        <div class="text-pic dx-revise-text j_revise-text_slider">

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="more-btn">
            <a href="#">more<i class="iconfont icon-jiantou2"></i></a>
        </div>
    </div>
    <!--智教云软件开始-->
    <div class="dy-main">
        <div class="tab-content j_tab_slider">
        </div>
    </div>
    <!--智教云软件结束-->
    <!--精彩开始-->
    <div class="dy-tions">
        <div class="container" style="padding-top: 80px;">
        <div class="title" style="margin:0">
            <p>QUALITY EDUCATION • BRED FUTURE</p>
            <p style="padding: 0 0 40px 0px">优质教育•孕育未来</p>
        </div>
        <div class="introduce">霍格教育是家庭，机构、互联网相结合的新型早教的践行者，是提供幼儿教育整体解决方案供应商。</div>
        <p>
            <a class="jiantou-btn" href="http://192.168.100.118:8899/new-page/hg-recruitment/rczl.html?pid=72&secondMenuId=73"><i class="iconfont icon-jiantou2"></i></a>
        </p>
    </div>
    </div>
    <!--精彩结束-->
    <!--图片列表开始-->
    <div class="dy-pic">v
    </div>
    <!--图片列表结束-->
</div>

<div class="footer"></div>

<script src="src/js/dookayui.min.js"></script>
<script src="src/js/common.js"></script>

<script>
    $(function () {
        commonApp.init();
        setTimeout(function () {
            var newSlider = $(".dy-bxslider").bxSlider({
                controls: false,
                auto: true,
                pause: 5000,
                onSlideAfter: function () {
                    newSlider.startAuto();
                }
            });
        }, 1000)

        $(".j_revise-text_slider a:first-child").addClass("active");

        setTimeout(function () {

        }, 100)


        setTimeout(function () {

            var sliderList = $(".j_revise-text_slider").bxSlider({
                mode: 'vertical',
                controls: false,
                pager: false,
                touchEnabled: false,
                maxSlides: 5,
                moveSlides: 1,
                infiniteLoop: false,
            });
            var w = screen.width;

            if (w <= 768) {
                var sliderList = $(".j_revise-text_slider").bxSlider({
                    mode: 'fade',
                    controls: false,
                    pager: false,
                    touchEnabled: false,
                    maxSlides: 5,
                    moveSlides: 1,
                    infiniteLoop: false,
                });
            }

            var sliderHeadline = $(".j_project_slider").bxSlider({
                controls: true,
                pager: false,
                auto: true,
                pause: 5000,
                onSlidePrev: function (a, b, c) {
                    sliderHeadline.startAuto();
                    var dist = c > 0 ? c : 0;
                    sliderList.goToSlide(dist);
                    $(".j_revise-text_slider a").removeClass("active").eq(c).addClass("active");
                },
                onSlideNext: function (a, b, c) {
                    sliderHeadline.startAuto();
                    var dist = c < 0 ? 0 : c;
                    sliderList.goToSlide(dist);
                    $(".j_revise-text_slider a").removeClass("active").eq(c).addClass("active");
                },
                onSlideAfter: function () {
                    sliderHeadline.startAuto();
                }
            });
            var slideCount = sliderHeadline.getSlideCount();

        }, 2000)


        setTimeout(function () {
            $(".video-btn i").click(function () {
                var video = $(".video") || null;
                $('.video').trigger('play');
                $(".video-btn").css("display", "none");
                $(".video-pic").fadeToggle("slow");
            });
        }, 1000)

        setTimeout(function () {
            $(".j_tab_slider").bxSlider({
                controls: false,
                auto: true,
                //pause:3000,
                pagerCustom: ".j_tab"
            });
        }, 3000)

    });

</script>
<script>
    $(document).ready(function () {
        $(".header").load("http://192.168.100.181:8080/huoge-edu/public-file/header.html", function () {
            $(".px-mobile .dy-nav .bread").on("click", function () {
                $(".px-mobile .main-nav").slideToggle("slow");
            });
        });

        $(".footer").load("http://192.168.100.181:8080/huoge-edu/public-file/footer.html");
    });
</script>
</div>
</body>
</html>
